.topTitle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 150rpx;
  background-color: #fff;
  z-index: 666;
  margin: auto;
  view {
    font-size: 40rpx;
    font-family: "宋体";
    font-weight: bold;
    color: rgba(18, 18, 18, 1);
    padding: 90rpx 0 0 43rpx;
    text-align: left;
    box-sizing: border-box;
  }
}
.classify_left {
  height: ~"calt(100vh-99rpx)";
  display: flex;
  margin-top: 5rpx;
  .left_menu {
    flex: 1.5;
    background-color: #07bd44;
    color: #fff;
    padding-top: 10rpx;
    font-size: 28rpx;
    .sideNav {
      // height: 80rpx;
      display: flex;
      justify-content: center;
      text-align: center;
      line-height: 80rpx;
      overflow:hidden;
      text-overflow:ellipsis;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:1;
    }
    .active {
      color: #07bd44;
      border-left: 8rpx solid #07bd44;
      background-color: #fff;
    }
  }
  .right_menu {
    flex: 6.5;
    .van-tabs{
      
    }
    .van-tabs__line {
      
      width: 100%;
      background-color: #f1f1f1;

      .van-tabs__wrap {
        background-color: #f1f1f1 !important;
        height: 72rpx !important;
      }
    }
    .van-tabs__scroll--line {
      background-color: #f1f1f1 !important;
    }
    .van-ellipsis {
      line-height: 72rpx !important;
    }
    .van-tab--active {
      // line-height:72rpx!important;
      font-size: 28rpx !important;
      color: #121212 !important;
    }
    .van-tab__pane {
      margin-right: 10rpx !important;
    }
    .van-tabs__nav--line {
      background-color: #f1f1f1;
    }
    .differentiate {
      padding: 20rpx 0;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1rpx solid #eee;
      z-index: -100;
      height: 100rpx;
      .differentiate_left {
        display: flex;
        align-items: center;
        margin: 0 100rpx;
        .active {
          color: #07bd44;
          font-size: 28rpx;
          font-weight: bold;
        }
        .add_city {
          color: #121212;
          font-size: 28rpx;
        }
        .volume_left {
          display: flex;
          align-items: center;
          flex-direction: column;
          margin-left: 10rpx;

          image {
            width: 18rpx;
            height: 12rpx;
          }
        }
      }
      .differentiate_right {
        display: flex;
        align-items: center;
        margin: 0 100rpx;
        .active {
          color: #07bd44;
          font-size: 28rpx;
          font-weight: bold;
        }
        .add_city {
          color: #121212;
          font-size: 28rpx;
        }
        .price_right {
          display: flex;
          align-items: center;
          flex-direction: column;
          margin-left: 10rpx;
          image {
            width: 18rpx;
            height: 12rpx;
          }
        }
      }
    }

    .categorical_data {
      display: flex;
      align-items: flex-end;
      padding:20rpx;
      box-sizing: border-box;
      border-bottom: 1rpx solid #eee;
      .categoricaImg_left {
        width: 170rpx;
        height: 100rpx;
        border-radius: 10rpx;
      }
      .categoricaImg_text {
        display: flex;
        flex-direction: column;
        margin-left: 50rpx;
        .categoricaImg_title {
          font-size: 24rpx;
          color: #121212;
          line-height: 70rpx;
          width: 320rpx;
          white-space:nowrap;
          overflow:hidden;
          text-overflow:ellipsis;
        }
        .categoricaImg_price {
          display: flex;
          align-items: center;
          line-height: 50rpx;
          text {
            font-size: 24rpx;
            font-weight: bold;
            color: rgba(255, 0, 0, 1);
          }

          view {
            width: 57rpx;
            height: 20rpx;
            text-align: center;
            line-height: 20rpx;
            color: #fff;
            font-size: 12rpx;
            margin-left: 10rpx;
            background: rgba(7, 189, 68, 1);
            border-radius: 10rpx;
          }
        }
        .categoricaImg_two{
          display: flex;
          align-items: center;
          line-height: 50rpx;
          text{
            font-size: 22rpx;
            font-weight: bold;
            color: rgba(7, 189, 68, 1);
          }
          view {
            width: 57rpx;
            height: 20rpx;
            text-align: center;
            line-height: 20rpx;
            color: #fff;
            font-size: 12rpx;
            margin-left: 10rpx;
            background: rgba(7, 189, 68, 1);
            border-radius: 10rpx;
          }
        }
      }
      .categoricaImg_right {
        width: 50rpx;
        height: 50rpx;
      }
    }
    .noGoods{
      margin-top: 50%;
      text-align: center;

    }
  }
}
.van-tabs--line .van-tabs__wrap{
  height: 72rpx!important;
}